/*

YUI 3.5.0 (build 5089)

Copyright 2012 Yahoo! Inc. All rights reserved.

Licensed under the BSD License.

http://yuilibrary.com/license/

*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}





* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



body {

  min-width: 1200px;

  max-width: 1920px;

  margin-left: auto;

  margin-right: auto;

  overflow-x: hidden;

  font-family: "Microsoft Yahei";

  font-size: 14px;

  color: #444;

  background-color: #fff;

}



a {

  color: #444;

  text-decoration: none;

}

a:hover {

  color: #b19160;

  text-decoration: none;

}



input:focus,

button:focus,

select:focus {

  outline: 0;

}

strong {

  font-weight: bold;

}



.red {

  color: #f00;

}





.fl {

  float: left;

}

.fr {

  float: right;

}



.wrap:before,

.wrap:after,

.clearfix:before,

.clearfix:after {

  display: table;

  content: " ";

}

.wrap:after,

.clearfix:after {

  clear: both;

}





.wrap {

  position: relative;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

}

@media (min-width: 1200px) {

  .wrap {

    width: 1200px;

  }

}





.mt10 {

  margin-top: 10px;

}

.mt20 {

  margin-top: 20px;

}

.mt30 {

  margin-top: 30px;

}



.img-responsive {

  display: block;

  max-width: 100%;

  height: auto;

}



.t2em {

  text-indent: 2em;

}



/***************** header S *****************/

.header {

  position: relative;

  height: 135px;

  z-index: 2;

}

.header .logo {

  width: 24%;

  margin-top: 15px;

  padding-right: 20px;

}

.header .nav {

  display: block;

  margin-top: 45px;

}

.header .nav > li {

  position: relative;

  float: left;

  margin-right: 5px;

}

.header .nav > li > a {

  display: block;

  margin: 0 15px;

  line-height: 42px;

  font-size: 18px;

  color: #1f1a17;

}

.header .nav > li.active > a,

.header .nav > li > a:hover {

  color: #B18147;

}

.header .nav > li ul {

  position: absolute;

  left: 0;

  top: 100%;

  display: none;

  width: 130%;

  background: rgba(177,129,71,.9);

}

.header .nav > li ul a {

  display: block;

  width: 100%;

  padding-left: 15px;

  color: #fff;

  line-height: 40px;

}

.header .nav > li ul a:hover {

  background: rgba(177,129,71,1);

}

.header .nav > li:hover ul {

  display: block;

}

.header .nav > li:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: -1;

  width: 0;

  height: 2px;

  -webkit-transition: width .8s cubic-bezier(0.52, 1.64, 0.37, 0.66);

  transition: width .8s cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.header .nav > li.active:before,

.header .nav > li:hover:before {

  z-index: 1;

  width: 100%;

  background-color: #B18147;

}

.header .btn-search {

  position: absolute;

  top: 45px;

  right: 0;

  display: block;

  width: 48px;

  height: 48px;

  background: url(../images/icon-search.jpg) no-repeat;

}

.header .search {

  position: absolute;

  top: 100%;

  left: 0;

  display: none;

  width: 100%;

}

.header .search.active {

  display: block;

}

.header .search input {

  float: left;

  height: 46px;

  line-height: 46px;

  border: none;

}

.header .search .iptxt {

  width: 87%;

  padding: 0 15px;

  background-color: #f2f2f2;

}

.header .search .ipsmt {

  width: 13%;

  background: url(../images/btn-search.jpg) no-repeat;

  cursor: pointer;

}

/***************** header E *****************/



/***************** footer S *****************/

.backtop {

  width: 288px;

  height: 50px;

  margin: 0 auto 0 auto;

  line-height: 50px;

  text-align: center;

  font-size: 16px;

  background: url(../images/btn.jpg) no-repeat;

  cursor: pointer;

}

.footer {

  padding-bottom: 30px;

  color: #fff;

  background: url(../images/footer-bg.jpg) center top no-repeat;

}

.footer a {

  color: #fff;

}

.footer .nav {

  margin-bottom: 28px;

  text-align: center;

}

.footer .nav li {

  display: inline;

  padding: 0 35px;

  line-height: 66px;

}

.footer .nav li a {

  font-size: 16px;

  color: #000;

}

.footer .logo {

  width: 25%;

  padding-top: 15px;

}

.footer .copyright {

  width: 50%;

  padding-left: 10px;

  line-height: 1.8em;

}

.footer .qrcode li {

  float: right;

  margin-left: 15px;

  text-align: center;

}

.footer .qrcode img {

  width: 120px;

  height: 120px;

  border: 3px solid #fff;

}

/***************** footer E *****************/



/***************** banner S *****************/

.banner img {

  margin-left: auto;

  margin-right: auto;

}

.owl-theme .owl-dots {

  position: absolute;

  bottom: 10px;

  width: 100%;

  text-align: center;

}

.owl-theme .owl-nav.disabled+.owl-dots {

  margin-top: 10px;

}

.owl-theme .owl-dots {

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}

.owl-theme .owl-dots .owl-dot {

  display: inline-block;

  zoom: 1;

  *display: inline;

}

.owl-theme .owl-dots .owl-dot span {

  display: block;

  width: 60px;

  height: 6px;

  margin: 5px 7px;

  background: #D6D6D6;

  border-radius: 0;

  -webkit-backface-visibility: visible;

  transition: opacity 200ms ease;

}

.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  background: #d4ad43;

}

/***************** banner E *****************/



.searchbar {

  height: 50px;

  margin-bottom: 20px;

  border-bottom: 1px solid #eee;

}

.searchbar p {

  line-height: 50px;

}

.searchbar a {

  margin-right: 15px;

}

.searchbar form {

  display: block;

  height: 30px;

  margin-top: 10px;

}

.searchbar input {

  float: right;

  height: 30px;

  line-height: 30px;

  border: none;

}

.searchbar .iptxt {

  width: 230px;

  padding: 0 10px;

}

.searchbar .ipsmt {

  width: 30px;

  background: url(../images/sprites.png) -258px -936px no-repeat;

  cursor: pointer;

}





.sidebar {

  float: left;

  width: 240px;

}

.sidenav h3 {

  margin-bottom: 1px;

  line-height: 75px;

  text-align: center;

  font-size: 24px;

  background-color: #b19160;

}

.sidenav h3 a {

  color: #fff;

}

.sidenav li {

  margin-bottom: 2px;

}

.sidenav li a {

  display: block;

  padding-left: 38px;

  height: 50px;

  line-height: 50px;

  font-size: 18px;

  background-color: #ececeb;

}

.sidenav li.active a,

.sidenav li a:hover {

  color: #fff;

  background-color: #b19160;

}

.sidenav.fixed {

  position: static;

  top: 0;

  width: 240px;

}



.content {

  float: right;

  width: 935px;

}

.breadcumb {

  padding: 10px 0;

  border-bottom: 1px dashed #dcdcdc;

}

.breadcumb p {

  padding-left: 10px;

  border-left: 5px solid #835e3a;

}

.article {

  overflow: hidden;

  line-height: 1.8em;

}

.article img {

  max-width: 100%;

}

.single .article {

  padding: 15px;

}

.single .article p {

  margin-bottom: 1em;

}





.list {

  overflow: hidden;

}

.newslist li {

  position: relative;

  padding: 20px;

  margin-bottom: 15px;

  border: 1px solid #dedede;

}

.newslist li:hover {

  border-color: #b19160;

}

.newslist li .thumb {

  float: left;

  width: 28%;

}

.newslist li .thumb a {

  position: relative;

  display: block;

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-bottom: 65%;

}

.newslist li .thumb img {

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  width: 100%;

  min-height: 100%;

}

.newslist li .text {

  float: left;

  width: 72%;

  padding: 0 30px;

}

.newslist li .text h4 {

  margin-bottom: 10px;

  font-size: 18px;

}

.newslist li .text p {

  min-height: 72px;

  line-height: 2em;

  color: #797979;

}

.btn-more {

  display: inline-block;

  padding: 5px 15px;

  color: #fff;

  background-color: #b6b6b6;

}

.newslist li .btn-more {

  position: absolute;

  right: 50px;

  bottom: 30px;

}

.newslist li:hover .btn-more {

  color: #fff;

  background-color: #b19160;

}



.list .imglist {

  display: block;

  width: 110%;

}

.imglist li {

  float: left;

  width: 298px;

  margin: 20px 20px 0 0;

  border: 1px solid #dedede;

}

.imglist li:hover {

  border-color: #b19160;

}

.imglist li .thumb a {

  position: relative;

  display: block;

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-bottom: 75%;

}

.imglist li .thumb img {

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  width: 100%;

  min-height: 100%;

}

.imglist li .text {

  padding: 8px 20px;

}

.imglist li .text h4 {

  font-size: 16px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

#productlist li {

  width: 220px;

  margin: 15px 18px 0 0;

}

#productlist li .thumb a {

  padding-bottom: 132.87%;

}





.pager {

  padding: 20px 0;

  text-align: center;

}

.pager li {

  display: inline;

  margin-right: 3px;

}

.pager li a,

.pager li span {

  display: inline-block;

  min-width: 18px;

  padding: 5px 8px;

  color: #bfbfbf;

  border: 1px solid #bfbfbf;

}

.pager li.active span,

.pager li.active a,

.pager li a:hover {

  color: #b79e79;

  text-decoration: none;

  border-color: #b79e79;

  background-color: #eaeaea;

}





.blog .title {

  margin: 20px 0;

  text-align: center;

}

.blog .title h1 {

  font-size: 24px;

  color: #4b4a4a;

}

.blog .title p {

  padding: 10px 0;

  color: #666;

}

.blog .article {

  margin-bottom: 50px;

}

.blog .tags {

  margin-bottom: 10px;

}

.blog .tags a {

  margin-right: 6px;

}

.blog .pagenav {

  padding: 10px 5px;

  border: 1px solid #eee;

}

.blog .pagenav li {

  float: left;

  display: block;

  width: 50%;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.lileft{

float:left;

}

.liright{

float:right;

}



.blog .pagenav li.next {

  text-align: right;

}



.blog .related {

  margin: 20px 0;

}

.blog .related h3 {

  margin-bottom: 5px;

  padding-left: 10px;

  font-size: 16px;

  border-left: 5px solid #835e3a;

}

.blog .related .txtlist li {

  float: left;

  display: block;

  width: 49%;

  margin-right: 1%;

}



.txtlist li {

  height: 35px;

  padding-left: 20px;

  line-height: 35px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  border-bottom: 1px dashed #ccc;

  background: url(../images/list-arr.jpg) 5px center no-repeat;

}

.txtlist li a {

  float: left;

}

.txtlist li span {

  float: right;

}





.contact {

  padding: 0 30px;

}

.contact ul {

  display: block;

  padding: 20px;

  background: #f2f2f2 url(../images/contact-bg.jpg) right bottom no-repeat;

}

.contact li {

  height: 50px;

  padding-left: 50px;

  margin-bottom: 15px;

  background-position: left center;

  background-repeat: no-repeat;

}

.contact li span {

  display: block;

  padding-top: 5px;

  font-size: 18px;

  color: #000;

}

.contact li.icon-tel {

  background-image: url(../images/icon-phone.png);

}

.contact li.icon-email {

  background-image: url(../images/icon-email.png);

}

.contact li.icon-map {

  background-image: url(../images/icon-map.png);

}

.contact .mapbox {

  height: 480px;

  font-size: 12px;

  border: 1px solid #ccc;

}


.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

ul{list-style-type:none;}